﻿/* Copyright (c) 2006-2011 Pluron, Inc. */

/* ============ Body and Defaults ============ */
body {
    margin: 0 auto 0;
    min-width: 1018px; /* 1000 (.wrap content) + 9 + 9 (to compensate for .video shadow that extends over wrap) */

    font-family: Arial,Helvetica,sans-serif;
    font-size: 12pt;
}

html, body {
    height: 100%;
}

.header_and_maincontent {
    min-height: 100%;
}

.maincontent {
    padding-bottom: 185px;
}
.maincontent_small_footer {
    padding-bottom: 48px;
}

.content {
    margin: 0;
    padding: 0;
    border: none;
    height: 100%;
}

a img {
    border: none;
}

h1 {
    font-size: 39px;
    text-align: left;
}

h2 {
    font-size: 30px;
    text-align: left;
    margin-bottom: 0.5em;
}




/* ============ Layout elements ============ */
.clear {
    clear: both;
}

.separator {
    clear: both;
    width: 100%;
    height: 4px;
    background: url(/images/acunote/separator-background.png?1337000434) repeat-x;
}

.thin_separator {
    clear: both;
    height: 4px;
    height: 1px;
    border-top: 1px solid #d3dde8;
}


.spacer {
    height: 20px;
}
.spacer15 {
    height: 30px;
}
.spacer2 {
    height: 40px;
}
.spacer3 {
    height: 60px;
}

.topborder {
    border-top: 1px solid #d3dde8;
}

.bottomborder {
    border-bottom: 1px solid #d3dde8;
}

.wrap {
    width: 1000px;
    margin: 0 auto 0;
}

.home_left {
    float: left;
    width: 460px;
}

.home_right {
    float: right;
    width: 540px;
}

.content_left {
    float: left;
    width: 600px;
    padding-right: 30px;
}
.content_left_border {
    border-right: 1px solid #D8E1E9;
}
.content_left_signup {
    -moz-box-shadow: 3px 3px 18px #D8E1E9;
    -webkit-box-shadow: 3px 3px 4px #D8E1E9;
    box-shadow: 3px 3px 4px #D8E1E9;
    border: 1px solid #D8E1E9;
    margin-top: 15px;
    background-color: #FFFFFF;
}

.content_right {
    float: right;
    width: 338px;
    padding-left: 30px;
}
.content_right_border {
    border-left: 1px solid #D8E1E9;
}

.prices_highlight {
    margin: 0;
    padding: 30px 0 0 0;
    border-bottom: 1px solid #d3dde8;
    background-color: #f7f7f7;
/*     background-color: #efefef; */
/*     background-color: #f0f0f0; */
}




/* ============ Widgets ============ */

.header {
        background-color: #2D4459;
        height: 60px;
    }

    /* Layout */
    .header .left_column {
        float: left;
    }
    .header .right_column {
        float: right;
    }

    /* Widgets */
    .header .logo {
        margin-top: 2px;
    }
    .header .login_menu {
            margin: 15px 0 0 0;
            font-size: 11px;
            text-align: right;
        }
        .header .login_menu a {
            color: #B2C3D4;
            text-decoration: none;
            outline-style: none;

            font-size: 11px;
        }
        .header .login_menu a:hover, .header .login_menu a.selected {
            border-bottom: 1px solid #86B226;
        }
    .header .header_menu {
            margin: 6px 0 0 0;
        }
        .header .header_menu a {
            margin-left: 20px;

            color: #B2C3D4;
            text-decoration: none;
            outline-style: none;

            font-size: 14px;
        }
        .header .header_menu a.plans_and_pricing {
            color: #BCFC3D;
        }
        .header .header_menu a:hover, .header .header_menu a.selected {
            border-bottom: 2px solid #86B226;
        }


.footer {
        background-color: #2D4459;
        color: white;

        font-size: 10px;
        width: 100%;
        margin-top: -185px;
    }
    .small_footer {
        margin-top: -48px;
    }

    /* Layout */
    .footer .links_column {
        float: left;
        width: 200px;
    }

    /* Widgets */
    .footer h3 {
        font-size: 10px;
        margin: 10px 0 10px 0;
    }
    .footer .site_links {
            padding-bottom: 5px;
            border-bottom: 1px solid gray;
        }
        .footer .site_links a {
            display: block;
            color: white;
            text-decoration: none;
            line-height: 1.4em;
        }
        .footer .site_links h3 a {
            line-height: normal;    /* overrides default link line-height: 1.4em above */
        }
        .footer .site_links a:hover {
            text-decoration: underline;
        }
        .footer .site_links .contacts {
                line-height: 1.4;
                margin: 0;
            }
            .footer .site_links .contacts dt {
                float: left;
            }
            .footer .site_links .contacts dd {
                margin-left: 6em;
                clear: right;
            }
    .footer .copyright {
        padding-top: 10px;
        padding-bottom: 15px;
    }


.video {
        background: url(/images/acunote/screenshot-frame.png?1337000434) no-repeat;
        padding: 20px;

        /* shift video frame 9px to the right to compensate right shadow width
        * and make it look right-aligned with the rest of the page */
        position: relative;
        left: 9px;
    }
    .video a {
        outline: none;
    }

.short_acunote_info {
    }
    .short_acunote_info h1 {
        /* compensation to visually align with video frame ignoring its shadow */
        margin-top: 3px;

        font-size: 39px;
        font-weight: bold;
        text-align: left;
    }
    .short_acunote_info .major_points {
            color: #444;
            font-style: italic;
            font-size: 20px;
        }
        .short_acunote_info .major_points li {
            margin: 20px 0 20px 10px;
        }
    .short_acunote_info .signup_button {
        }
        .short_acunote_info .signup_button a {
            outline-style: none;
        }


.check_list {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .check_list li {
        background: url(/images/acunote/icon-checked.png?1337000434) no-repeat;
        /* don't forget to change the height in ie6.css if you change line-height */
        line-height: 22px;
        padding: 0 0 0 35px;
    }


.trustedby {
        text-align: left;
        font-size: 14px;
        color: #777;
    }
    .trustedby .integrates_with {
        background-image: url(/images/acunote/tools-acunote-integrates-with.png?1337091094);
        width: 1000px;
        height: 43px;
        background-repeat: no-repeat;
        background-position: left bottom;
    }
    .trustedby .our_customers {
        background-image: url(/images/acunote/companies-using-acunote.png?1341939401);
        width: 1000px;
        height: 49px;
        background-repeat: no-repeat;
        background-position: left bottom;
    }


.peoplesay {
    }
    .peoplesay h2 {
        font-size: 34px;
        text-align: center;
        margin: 20px 0 20px 0;
    }


.testimonial_box {
        width: 450px;
        height: 144px;
        border: 1px solid #D8E1E9;
        overflow: hidden;
        text-shadow: white 1px 1px;
        background-color: #f3f6f9;
        padding: 20px;
    }
    .testimonial_box .info {
            width: 150px;
            float: left;
            margin-right: 10px;
        }
        .testimonial_box .info img {
            border: 3px solid #E3EAF2;
            margin: 0 0 10px 0;
        }
    .testimonial_box .text {
            width: 290px;
            float: left;
        }
        .testimonial_box .text p {
            margin: 0 0 10px 0;
            padding: 0;
            line-height: 1.6em;
            font-size: 14px;
            color: #284662;
        }
    .testimonial_box h3 {
        color: #1A344D;
        font-weight: normal;
        text-decoration: none;
        margin: 0 0 5px 0;
        padding: 0;
        font-size: 18px;
    }
    .testimonial_box small {
        color: #6B85A0;
        font-size: 12px;
        line-height: 1.33em;
    }


.about_acunote {
    }
    .about_acunote p {
        line-height: 1.5em;
        margin: 1em 0 1em 0;
    }
    .about_acunote ul {
        line-height: 1.5em;
    }
    .about_acunote h2 {
        text-align: left;
    }
    .about_acunote .what_is_list {
        margin-top: -1em;
        padding-left: 20px;
    }
    .about_acunote .what_it_gives_you {
        }
        .about_acunote .what_it_gives_you h3 {
            margin-bottom: 0;
        }
        .about_acunote .what_it_gives_you p {
            margin-top: 0;
        }


.sidebar_testimonial {
        color: #3A3A3A;
        line-height: 1.5;
    }
    .sidebar_testimonial .text {
        font-size: 17px;
        font-style: italic;
        margin-bottom: 2px;
    }
    .sidebar_testimonial .author {
        font-size: 12px;
        font-style: normal;
        line-height: 20px;
        margin: 0;
    }


h1.prices_header {
    margin-top: 0;
    text-align: center;
}

h2.subheader {
    font-size: 24px;
    font-weight: normal;
    text-align: center;
    /* 26px is the default margin for h1 element (0.67em * 39px)
     * change this if you change h1 margins */
    margin: -26px 0 0 0;
}


.question {
        margin-bottom: 20px;
        border-bottom: 1px solid #d3dde8;
    }
    .question h3 {
        font-size: 22px;
        line-height: 26px;
        margin: 10px 0 10px 0;
    }
    .question p {
        line-height: 1.5em;
        margin: 1em 0px;
    }
    .question ol {
            padding-left: 1.5em;
        }
        .question ol li {
            line-height: 1.5em;
        }
    .question table {
            width: 100%;
            border-collapse: collapse;
            margin-bottom: 16px;
        }
        .question table .desc { width: 55%; }
        .question table .price { width: 30%; }
        .question table .users { width: 15%; }
        .question table .noborder {
            border-top: none;
            border-left: none;
        }
        .question table th, .question table td {
            border: 1px solid #CCC;
            padding: 5px;
            text-align: center;
            font-weight: normal;
        }
        .question table td.desc {
            text-align: right;
        }

.last_question {
    margin-bottom: 0;
    border-bottom: none;
}


.go_choose_plan {
    margin-top: 30px;
}


.prices {
        width: 882px; /* = width*3 + 30 */
        margin: 0 auto;
        padding: 30px 0 0 0;
    }
    .prices .normal {
        width: 275px;
        height: 410px;
        border: 1px solid #999;
        float: left;
        margin-top: 32px;
        text-align: center;
        padding: 10px 0;
        background-color: #EFEFEF;
    }
    .prices .right_shadow {
        background-image: url(/images/acunote/right-shadow.png?1337000434);
        background-position: right;
        background-repeat: no-repeat;
    }
    .prices .no_right_border {
        border-right: 0;
    }
    .prices .preferred {
        height: 470px;
        width: 302px;
        border: 3px solid #3671A1;
        float: left;
        text-align: center;
        padding: 8px 10px 10px 10px;
        background-color: white;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }
    .prices .left_shadow {
        background-image: url(/images/acunote/left-shadow.png?1337000434);
        background-position: left;
        background-repeat: no-repeat;
    }
    .prices .no_left_border {
        border-left: 0;
    }
    .prices h3 {
        text-align: center;
        font-style: normal;
        letter-spacing: -2px;
        margin: 0;
        padding: 0;
        font-weight: bold;
    }
    .prices .normal h3 {
            font-size: 34px;
        }
        .prices h3 a {
            text-decoration: none;
            color: black;
        }
    .prices .preferred h3 {
        font-size: 42px;
    }
    .prices h4 {
        margin: 3px 0 2px 0;
        padding: 0;
        font-weight: normal;
        letter-spacing: normal;
        text-align: center;
    }
    .prices .normal h4 {
        font-size: 20px;
    }
    .prices .preferred h4 {
        font-size: 24px;
    }
    .prices .normal .best_for {
        margin: 0 0 7px 0;
        padding: 7px 0 7px 0;
        font-size: 14px;
        color: #5188b5;
    }
    .prices .preferred .best_for {
        margin: 0 0 7px 0;
        padding: 4px 0 4px 0;
        font-size: 16px;
    }
    .prices .preferred .best_for a.pseudo_link {
        color: #4582B5;
        padding-left: 0;
    }
    .prices .best_for .title {
        font-weight: bold;
        text-transform: uppercase;
    }
    .prices ul {
        list-style: none;
        margin: 0 0 10px 0;
        padding: 0;
        text-align: left;
    }
    /* use these padding to align lef-aligned pricing plan features inside columns */
    .prices .normal ul {
        padding-left: 10px;
    }
    .prices li {
        margin-bottom: 1px;
        line-height: 1.1em;
        color: #64503F;
    }
    .prices .normal li {
        font-size: 14px;
    }
    .prices .preferred li {
        font-size: 16px;
    }
    .prices ul.highlight .nofeature {
        color: #aaa;
        text-decoration: line-through;
    }
    .prices ul.highlight li {
        list-style: none;
        line-height: 1em;
    }
    .prices .normal ul.highlight li strong {
        color: #c34817;
    }
    .prices .preferred ul.highlight li a.pseudo_link strong {
        color: #C33700;
    }
    .prices .normal ul.highlight li {
        margin-bottom: 11px;
        font-size: 16px;
        color: #755e4a;
    }
    .prices .preferred ul.highlight li {
        font-size: 18px;
        margin-bottom: 0px;
    }
    .prices .preferred ul.highlight li a.pseudo_link {
        color: #64503F;
    }
    .prices ul.topborder {
        padding-top: 14px;
        border-top: 1px solid #CCC;
    }
    .prices .additional_users {
        margin-top: 5px;
        padding-bottom: 7px;
        margin-bottom: 7px;
        border-bottom: 1px solid #CCC;
    }
    .prices .free_trial {
        text-align: center;
        padding-left: 0 !important;
    }
    .prices .free_plan {
            font-size: 10pt;
            margin: 20px 0 20px 0;
            text-align: center;
        }
        .prices .free_plan a {
            background-color: #FAD163;
        }

.prices_faq {
    }
    .prices_faq .prices_faq_left {
        padding: 20px;
        width: 580px;
        vertical-align: top;
        background-color: #F3F6F9;
        border: 1px solid #D8E1E9;
        -webkit-border-radius: 20px 0 0 20px;
        -moz-border-radius: 20px 0 0 20px;
        border-radius: 20px 0 0 20px;
    }
    .prices_faq .prices_faq_right {
        padding: 20px;
        vertical-align: top;
        background-color: #F3F6F9;
        border: 1px solid #D8E1E9;
        -webkit-border-radius: 0 20px 20px 0;
        -moz-border-radius: 0 20px 20px 0;
        border-radius: 0 20px 20px 0;
    }

.feature_description {
        line-height: 1.8;
    }
    .feature_description .name {
        cursor: pointer;
    }
    .feature_description .name a.pseudo_link {
        text-decoration: none;
        display: block;
        padding-left: 10px;
    }
    .feature_description .name a.pseudo_link .text {
        border-bottom: 1px dotted #aaa;
    }
    .feature_description .name:hover a.pseudo_link .text {
        border-bottom: 1px dotted black;
    }
    .feature_description div.hint {
        text-decoration: none;
        font-weight: normal;
        cursor: default;
        font-size: 14px;
        text-align: left;
        width: 330px;
        line-height: 1.6;

        background-color: #FFFFEE !important;
        border: 1px solid #000000 !important;
        color: #333333 !important;
        margin-left: 15px;
        margin-top: 15px;
        padding: 5px 12px 5px 12px;
        position: fixed;
        visibility: hidden;
        z-index: 2;
    }
    .feature_description div.hint_shown {
        visibility: visible;
    }
    .feature_description div.hint .ideal_for {
        float:right;
        color: #C33700;
    }
    .feature_description div.hint h4.first {
        margin-top: 0;
    }
    .feature_description div.hint h4 {
        font-size: 16px;
        font-weight: bold;
        margin: 1px 0 0 0;
        padding: 0;
    }
    .feature_description div.hint p {
        margin: 0;
        line-height: 1.5;
        padding: 0.2em 0 0.6em;
    }
    .feature_description div.hint h3 {
        font-size: 14px;
    }
    .feature_description div.hint ul {
        list-style: square;
        margin: 0px 0 5px 25px;
        padding-left: 0;
    }
    .feature_description div.hint ul li {
        font-size: 14px !important;
        list-style: square !important;
        line-height: 1.5;
        color: #333 !important;
    }
    .feature_description ul {
        font-size: 14px;
    }


.pricing_plan_testimonial {
        background-color: #F3F6F9;
        border: 1px solid #D8E1E9;
    }
    .pricing_plan_testimonial p {
        font-size: 25px;
        line-height: 32px;
        text-align: center;
        text-shadow: white 1px 1px;
    }


#signup_form {
        margin: 0;
        padding: 12px 15px 20px 15px;
    }
    #signup_form h1 {
        font-size: 24px;
        text-align: left;
    }
    #signup_form fieldset.data_group {
            border: none;
            border-top: 1px solid #CCC;
            padding: 0 0 5px 15px;
            margin: 0 0 10px 0;
        }
        #signup_form fieldset.data_group legend {
            font-weight: bold;
            color: black;
            padding: 0 7px;
        }

    #signup_form .userdata {
            padding: 0 0 1em 0;
            width: 100%;
            height: 48px;
            clear: both;
        }
        #signup_form .userdata .label {
            padding: 0;
            line-height: 28px;
            font-size: 16px;
            float: left;
            width: 33%;
            margin: 1px 15px 0 0;
            text-align: right
        }
        #signup_form .userdata .label label {
            font-weight: bold;
        }
        #signup_form .error .label label {
            color: #DF0000;
        }
        #signup_form .userdata .label .validation_msg {
            margin: 0;
            padding-top: 2px;
            font-size: 11px;
            font-family: Tahoma, Arial;
            line-height: 160%;
        }
        #signup_form .error .label .validation_msg {
            color: #DF0000;
        }
        #signup_form .userdata .field {
            float: left;
            width: 63%;
            margin: 0;
            padding: 0;
        }
        #signup_form .userdata .subdomain_input_widget {
            width: 332px;   /* includes 330px normal input width + 2x1px input border width */
        }
        #signup_form .userdata .subdomain div {
            line-height: 28px;
            color: #777;
        }
        #signup_form .userdata .subdomain .url {
            margin-top: 1px;
        }
        #signup_form .userdata .subdomain .validation {
            width: 25px;
        }
        #signup_form .userdata .subdomain input.text {
            width: 172px !important;
            margin-left: 5px !important;
        }
        #signup_form .userdata .password {
            width: 183px !important;
        }
        #signup_form .userdata .password input.text {
            width: 147px !important;
        }
        #signup_form .userdata .card_card_exp_month {
            width: 150px !important;
        }
        #signup_form .userdata .card_card_exp_year {
            width: 75px !important;
        }
        #signup_form .userdata .field input.text {
            margin: 0;
            padding: 2px 0;
            border-top: 1px solid #7C7C7C;
            border-left: 1px solid #C3C3C3;
            border-right: 1px solid #C3C3C3;
            border-bottom: 1px solid #DDD;
            font-size: 17px;
            height: 22px;
            width: 330px;
        }
        #signup_form .userdata .field input.text:focus {
            border-color: #2f5887;
        }
        #signup_form .error .field input.text {
            border-color: #DF0000;
        }
        #signup_form .userdata .field .undertext {
            margin: 0;
            padding-top: 3px;
            clear: both;
            font-size: 11px;
            font-family: Tahoma, Arial;
            line-height: 160%;
            color: #444;
            display: block;
        }
        #signup_form .userdata .field select {
            margin: 0 0 0px 0;
            padding: 0;
            font-size: 16px;
            width: 332px; /* input width (330px) + borders (2px)
            /* input height: 22 inner + 2x2px padding + 2x1px border = 28px */
            /* select height: just 28px, because it will include borders and paddings */
            height: 28px;
        }
        #signup_form .userdata .validation_image {
            padding-left: 20px;
            background-repeat: no-repeat;
            background-position: right;
        }
        #signup_form .userdata .success {
            background-image: url(/images/success.png?1156333473);
        }
        #signup_form .userdata .failure {
            background-image: url(/images/failure.png?1156333473);
        }
    #signup_form .credit_cards {
    }
    #signup_form .cc_icon {
        float: left;
        width: 37px;
        height: 23px;
        vertical-align: middle;
        font-size: 0;
        margin-right: 5px;
        background-position: left center;
        background-repeat: no-repeat;
    }
    #signup_form .cc_icon_visa {
        background-image: url(/images/cc-visa.png?1268141508);
    }
    #signup_form .cc_icon_mastercard {
        background-image: url(/images/cc-mastercard.png?1268141508);
    }
    #signup_form .cc_icon_amex {
        background-image: url(/images/cc-amex.png?1268141508);
    }
    #signup_form #cards_help {
        position: absolute;

        border: 1px solid #777;
        margin-top: 30px;
        padding: 5px;

        font-family: Tahoma,Arial;
        font-size: 11px;

        background-color: #fff9d9;

        white-space: nowrap;
    }
    #signup_form #cvv_help {
        position: absolute;
        border: 1px solid #777;
        width: 300px;
        padding: 5px 10px;
        background-color: #fff9d9;
        font-family: Tahoma,Arial;
        font-size: 11px;
    }
    #signup_form #subdomain {
        padding: 2px 4px 4px 4px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        margin: 0 1px;
        background-color: #7AA01B !important;
        color: white;
        max-width: 50px;
    }
    #signup_form #signup_button {
        margin: 0 0 0px 0;
        padding: 0 5px 0 5px;
        font-size: 16px;
        height: 28px;
        border: default;
    }
    #signup_form #terms_container {
            border: 1px solid #aaa;
            height: 100px;
            margin: 10px 0;
            overflow: auto;
            padding: 5px;
            font-size: 11px;
            width: 330px;
        }
        #signup_form #terms_container p {
            margin: 0;
        }
        #signup_form #terms_container h1 {
            display: none;
        }
    #signup_form .error_explanation {
        font-size: 13px;
        margin: 15px auto 15px auto;
        background: white !important;
        border: 1px solid red;
        text-align: center;
        padding: 1em 0 1em 0;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }
    #signup_form .error_explanation h2 {
        font-size: 16px;
        color: #DF0000;
        margin: 0 0 5px 0;
        padding: 0;
        text-align: center;
    }
    #signup_form .error_highlight {
        font-weight: bold;
        padding: 2px 5px 2px 5px;
        border: 1px solid red;
        color: red !important;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

.promo_site_form {
    }
    .promo_site_form .submit_button {
        margin: 0 0 0px 0;
        padding: 0 5px 0 5px;
        font-size: 16px;
        height: 28px;
        border: default;
    }
    .promo_site_form #signup_form .userdata {
        padding-bottom: 0;
    }
    .promo_site_form #signup_form .userdata .label {
        width: 120px;
    }

.selected_pricing_plan {
        color: #777;
        margin-top: 25px;
    }
    .selected_pricing_plan h2 {
        margin: 0;
        font-size: 24px;
        text-align: left;
    }
    .selected_pricing_plan h3 {
        font-size: 16px;
        text-align: left;
    }
    .selected_pricing_plan .price {
        font-size: 24px;
    }
    .selected_pricing_plan .trial,
    .selected_pricing_plan .included_users,
    .selected_pricing_plan .additional_users {
        margin-top: 5px;
    }


.good_company_box {
        color: #777;
        width: 200px;
        margin-top: 50px;
    }
    .good_company_box h2 {
        margin: 0;
        font-size: 24px;
        text-align: left;
    }
    .good_company_box img {
        margin-top: 5px;
    }
    .good_company_box .other_companies {
        margin-top: 5px;
    }


.content_column {
        width: 700px;
        margin-bottom: 30px;
    }
    .content_column a {
        text-decoration: none;
    }
    .content_column a:hover {
        text-decoration: underline;
    }
    .content_column p, .content_column li {
        line-height: 1.5;
    }
    .content_column a, .content_column a:hover,
    .content_column a:link, .content_column a:visited, .content_column a:active {
        color: #0066CC;
        text-decoration: none;
    }
    .content_column a:hover {
        text-decoration: underline;
    }


.login {
    }
    .login .login_url {
        font-weight: bold;
        color: #0066CC;
    }
    .login .login_url:hover {
        text-decoration: underline;
    }


/* vertical navigation menu */
.menu_column {
        float: left;
        width: 270px;
        margin: 1em 30px 0 0;
    }
    .menu_column .title {
        margin-top: 14px;
        color: #00528C;
        font-size: 1.4em;
        font-weight: bold;
    }

ul.vertical_menu {
        border-top: 1px solid #D7E3EF;
        list-style: none outside none;
        padding: 0;
        margin-top: 3px;
        margin-bottom: 25px;
    }
    ul.vertical_menu li {
            border-bottom: 1px solid #D7E3EF;
            margin: 0;
            font-size: 1.2em;
            line-height: 1.16;
        }
        ul.vertical_menu li a {
            display: block;
            outline: none;
            padding: 5px 0 5px 16px;
            text-decoration: none;
            color: #0066CC;
        }
        ul.vertical_menu li a:hover {
            background-color: #F0F6FA;
        }
        ul.vertical_menu li a.selected {
            background: url(/images/acunote/icon-current.png?1337000434) no-repeat left 8px;
            color: #333;
        }
        ul.vertical_menu li a.selected:hover {
            background-color: #FFF;
        }

.screencast {
        width: 956px;
        margin-bottom: 30px;
    }

.how_it_works {
    }
    .how_it_works hr {
        height: 1px;
        border: 0 none;
        color: #ccc;
        background-color: #ccc;
        margin-top: 30px;
    }
    .how_it_works img.with_border {
        border: 1px solid #eee;
    }

.company {
        width: 560px;
        float: left;
    }
    .company ul {
        padding-left: 1em;
    }
    .company dl.contacts {
        }
        .company dl.contacts dt {
            float: left;
            font-weight: bold;
        }
        .company dl.contacts dd {
            margin: 0 0 .75em 6em;
        }

.signup {
        margin: 0 auto;
        width: 800px;
    }
    .signup .caption {
        line-height: 1.5;
    }
    .signup .userdata, .signup .extras {
        font-family: Verdana,Arial,sans-serif;
    }
    .signup .userdata select {
        font-size: 12px;
        padding: 3px 0 3px 0;
    }
    .signup .accept_terms, .signup .extras label {
        font-size: 12px;
        font-family: Verdana,Arial,sans-serif;
    }
    .signup h3 {
        margin: 1em 0 0.2em 0;
    }
    .signup .errorExplanation ul {
        margin: 0;
        padding-left: 1em;
    }
